diff options
Diffstat (limited to 'app/[lng]/pdftron-viewer/page.tsx')
| -rw-r--r-- | app/[lng]/pdftron-viewer/page.tsx | 32 |
1 files changed, 31 insertions, 1 deletions
diff --git a/app/[lng]/pdftron-viewer/page.tsx b/app/[lng]/pdftron-viewer/page.tsx index bde60a41..42654663 100644 --- a/app/[lng]/pdftron-viewer/page.tsx +++ b/app/[lng]/pdftron-viewer/page.tsx @@ -4,6 +4,7 @@ import * as React from "react" import { useSearchParams } from "next/navigation" +import { Suspense } from "react" import { Button } from "@/components/ui/button" import { ArrowLeft, MessageSquare, Download, Upload } from "lucide-react" import { Badge } from "@/components/ui/badge" @@ -35,7 +36,8 @@ interface PDFTronComment { updatedAt: Date } -export default function PDFTronViewerPage() { +// PDFTronViewer 컴포넌트 (내부에서 useSearchParams 사용) +function PDFTronViewer() { const { data: session, status } = useSession() const searchParams = useSearchParams() const viewerRef = React.useRef<HTMLDivElement>(null) @@ -504,4 +506,32 @@ export default function PDFTronViewerPage() { </div> </div> ) +} + +// 메인 페이지 컴포넌트 (Suspense로 PDFTronViewer 감싸기) +export default function PDFTronViewerPage() { + return ( + <Suspense fallback={ + <div className="flex flex-col h-screen overflow-hidden"> + <div className="flex items-center justify-between p-4 border-b bg-background flex-shrink-0"> + <div className="flex items-center gap-4"> + <div> + <h1 className="text-lg font-semibold">Document Viewer</h1> + <div className="flex items-center gap-2 text-sm text-muted-foreground"> + <span>Loading...</span> + </div> + </div> + </div> + </div> + <div className="flex-1 flex items-center justify-center"> + <div className="text-center"> + <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary mx-auto mb-2"></div> + <p className="text-sm text-muted-foreground">Loading PDF viewer...</p> + </div> + </div> + </div> + }> + <PDFTronViewer /> + </Suspense> + ) }
\ No newline at end of file |